<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>房东申请页面1</title>
        <link href="../css/house_owner/House1.css"rel="stylesheet">

    </head>
    <body class="background_first">
    <div class="nav">
        <div class="head-logo">
            <a href=""></a>
        </div>
        <div class="head-nav">
            <ul>
                <li><a href="" class="first-item">首页</a> </li>
                <li><a href="">手机端</a> </li>
                <li><a href="">成为房东</a> </li>
                <li><a href="">房源订单中心</a> </li>
                <li><a href="">消息</a> </li>
                <li><a href="">我的收藏</a> </li>
                <li><a href="">帮助</a> </li>
            </ul>
        </div>
        <div class="head-login">
            <a href="">
                <img class="login-logo" src="../image/login-logo.svg"/>
                <span class="login-title">登录</span>
            </a>
            <a href="">
                <img class="regist-logo" src="../image/regist-logo.svg" >
                <span class="login-title">注册</span>
            </a>
        </div>
    </div>

        <!--警告标题-->
        <div class="cart-filter-bar">
            <div class="switch-cart">
                <span class="cart-title">请勿发布公租房、廉租房、共有产权房、群租房等，禁止公开出租租房源，已经发现，立即下架处理。</span>
            </div>
        </div>



        <!--------出租类型-------->
        <div class="pro-list">
            <ul>
                <li>
                    <!--类型头部-->

                    <div class="Rental-type">
                        <span>您的出租类型是？</span>
                    </div>


                    <div class="rentWrapper">
                        <button>
                        <div class="rentItem">
                            <p>
                                普通房出租
                            </p>
                            <div class="vertical-align">
                                <p>
                                    房客独享整源套房
                                </p>
                            </div>

                        </div>
                        </button>

                        <button>
                            <div class="rentItem">
                                <p >
                                    独立单间
                                </p>
                                <div class="vertical-align">
                                    <p>
                                        房客拥有一个独立房间
                                    </p>
                                </div>
                            </div>
                        </button>

                        <button>
                                <div class="rentItem">
                                    <p>
                                        合住单间
                                    </p>
                                    <div class="vertical-align">
                                        <p>
                                            房客与他人共住一个房间
                                        </p>
                                    </div>
                                </div>
                        </button>
                    </div>
                </li>


                <li>
                    <!--类型头部-->
                    <div class="Rental-type">
                        <span>您的房源类型是什么？</span>
                    </div>

                    <div class="rentWrapper">
                        <button>
                        <div class="rentItem">
                            <p>
                                民宅
                            </p>
                            <div class="vertical-align">
                                <p>
                                    经常指的是居民楼中的一个住宅
                                </p>
                            </div>

                        </div>
                        </button>

                    <button>
                        <div class="rentItem">
                            <p >
                                普通公寓
                            </p>
                            <div class="vertical-align">
                                <p>
                                    属于商业地产，个人房东经营公寓型住宅
                                </p>
                            </div>
                        </div>
                    </button>

                        <button>
                        <div class="rentItem">
                            <p>
                                酒店式公寓
                            </p>
                            <div class="vertical-align">
                                <p>
                                    商业地产，提供不定期保洁、前台服务
                                </p>
                            </div>
                        </div>
                        </button>
                    </div>
                </li>

                <div class="vertical-align-more">
                    <p>
                        展开更多房源类型
                    </p>
                </div>
            </ul>
        </div>



    <!--=================================底部====================================-->
    <div class="fix-bottom">
        <div class="bottomWrapper">
            <div class="back-to-top">
                <div id="goTop">
                    <font style="vertical-align: inherit;">
                        回到顶部
                    </font>
                </div>

            </div>

            <div class="save-back">
                <button type="button" class="el-button" title>
                  <span>
                      <font style="vertical-align: inherit;">
                          <font style="vertical-align: inherit;">保存返回列表</font>
                      </font>
                  </span>
                </button>
            </div>

            <div class="save">
                <button type="button" class="el-button" title>
                  <span>
                      <font style="vertical-align: inherit;">
                          <font style="vertical-align: inherit;">保存并继续</font>
                      </font>
                  </span>
                </button>
            </div>

            <div class="save">
                <button type="button" class="el-button" title>
                  <span>
                      <font style="vertical-align: inherit;">
                          <font style="vertical-align: inherit;">发布</font>
                      </font>
                  </span>
                </button>
            </div>
        </div>

    </div>


    <div  class="foot-lianjie" >
        <div>
            <a href="https://www.baidu.com/?tn=40020637_9_oem_dg" class="test-foot-lianjie">
                友情链接：百度（baidu）
            </a>
        </div>

    </div>




    <!--======================================js附加======================================-->
    <script>
        //以下内容是设置小方块点击后回到顶部的效果
        goTop.onclick = function(){
            document.body.scrollTop = 0;
            document.documentElement.scrollTop = 0;
        }
    </script>
 <!--   <script src="../js/homeowner/js_01_House1.js"></script>-->
    </body>
</html>